<!DOCTYPE html [ <!ENTITY nbsp "&#160;"> ]>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui" template="/template/template.xhtml">
	
	<link type="image/x-icon" href="img/favicon.ico" rel="shortcut icon" />
			<link rel="shortcut icon" href="img/favicon.ico" />
			
			<f:metadata>
				<f:event type="preRenderView" listener="#{mainServicioBean.listarServicios}" />
			</f:metadata>  -->

	<ui:define name="body">
	    
		<h1>Mantenedor de Servicios del Taller</h1>
		
		<p:panel id="idPanelInfoServicios" header="Servicios Disponibles">
		
		<p:dataTable id="tablaServicios" var="servicios" 
				value="#{mainServicioBean.listaServicio}"
				paginator="true" rows="10" paginatorPosition="bottom"
				emptyMessage="No se encontraron registros."
				>

				<p:column headerText="ID" sortBy="#{servicios.idServicio}">
					<h:outputText value="#{servicios.idServicio}" />					
				</p:column>

				<p:column headerText="Servicio" sortBy="#{servicios.servicioDescripcion}">
					<h:outputText value="#{servicios.servicioDescripcion}" />
				</p:column>

				<p:column headerText="Tipo de Orden" sortBy="#{servicios.descripcionTipoOrden}">
					<h:outputText value="#{servicios.descripcionTipoOrden}" />
				</p:column>
				
				<p:column headerText="Fecha de Creacion" sortBy="#{servicios.fechaCreacion}">
					<h:outputText value="#{servicios.fechaCreacion}" />
				</p:column>

				<p:column headerText="Precio Lista" sortBy="#{servicios.precioListaServicio}">
					<h:outputText value="$ #{servicios.precioListaServicio}" />
				</p:column>


				<p:column headerText="Acciones">
					<p:commandLink id="idVerButton" rendered="true"
						action="#{mainServicioBean.listenerVerServicio(servicios.idServicio)}">
						<p:graphicImage value="/img/icos_22_ver.png" title="Ver" />						
					</p:commandLink>

					<p:commandLink id="idEditarButton" rendered="true"
						action="#{mainServicioBean.listenerEditarServicio(servicios.idServicio)}">
						<p:graphicImage value="/img/icos_22_autoriza_mod.png"
							title="Editar" />
					</p:commandLink>
					
					<p:commandLink id="idEliminarButton" rendered="true"
						
					    onclick="confirmEliminarServicio.show();"
					    actionListener="#{mainServicioBean.listanerEliminarServicio(servicios)}"
						process="@this">
						<p:graphicImage value="/img/icos_22_eliminar.png"
							title="Dar de Baja" />
					</p:commandLink>
				</p:column>

			</p:dataTable>
			
		</p:panel>
		 <p:blockUI block="idPanelInfoServicios" widgetVar="blockUIwv"/> 
		 <p:commandButton  action="formServicio" value="Agregar nuevo Servicio" />
		 
		 <p:confirmDialog id="dialogConfirmEliminarServicio"
			message="¿Realmente desea eliminar el servicio seleccionado?"
			header="Confirmacion" widgetVar="confirmEliminarServicio"
			severity="alert">
			<h:form>
				<p:commandButton value="Si"
					actionListener="#{mainServicioBean.confirmareliminarServicio}"
					oncomplete="confirmEliminarServicio.hide();" update="@form :tablaServicios"
					process="@this" immediate="true" />
				<p:commandButton value="No" type="button"
					onclick="confirmEliminarServicios.hide();" immediate="true" />
			</h:form>
		 </p:confirmDialog>
 
	</ui:define>
</ui:composition>		